/* flex 布局 */
.flex {
	display: flex;
	flex-direction: row;
}
.flex-row {
	flex-direction: row !important;
}
.flex-column {
	flex-direction: column !important;
}
.flex-row-reverse {
	flex-direction: row-reverse !important;
}
.flex-column-reverse {
	flex-direction: column-reverse !important;
}
.flex-wrap {
	flex-wrap: wrap;
}
.flex-nowrap {
	flex-wrap: nowrap;
}
.flex-shrink {
	flex-shrink: 0;
}
.justify-start {
	justify-content: flex-start;
}
.justify-end {
	justify-content: flex-end;
}
.justify-between {
	justify-content: space-between;
}
.justify-around {
	justify-content: space-around;
}
.justify-center {
	justify-content: center;
}
.align-center {
	align-items: center !important;
}
.align-stretch {
	align-items: stretch;
}
.align-start {
	align-items: flex-start;
}
.align-end {
	align-items: flex-end;
}
.content-start {
	align-content: flex-start;
}
.content-end {
	align-content: flex-end;
}
.content-center {
	align-content: center;
}
.content-between {
	align-content: space-between;
}
.content-around {
	align-content: space-around;
}
.content-stretch {
	align-content: stretch;
}
.flex-1 {
	flex: 1 !important;
}
.flex-2 {
	flex: 2 !important;
}
.flex-3 {
	flex: 3 !important;
}
.flex-4 {
	flex: 4 !important;
}
.flex-5 {
	flex: 5 !important;
}
.flex-shrink {
	flex-shrink: 0;
}
.font-weight{
  font-weight: bold;
}
.font-1 {
	font-size: 10px !important;
}
.font-2 {
	font-size: 20px !important;
}
.font-3 {
	font-size: 30px !important;
}
.font-4 {
	font-size: 40px !important;
}
.font-5 {
	font-size: 50px !important;
}
.font-6 {
	font-size: 60px !important;
}
.font-7 {
	font-size: 70px !important;
}
.font-8 {
	font-size: 80px !important;
}
.font-9 {
	font-size: 90px !important;
}
.font-10 {
	font-size: 100px !important;
}
.bg-c-base {
	background: rgba(0, 140,255,.3);
}
.text-primary {
	color: #c5fb79;
}
.ml-1{
  margin-left: 10px;
}
.ml-4{
  margin-left: 40px;
}
.font-count-to{
  font-size: 68px;
  font-family: DIN;
}
.unit{
  font-size: 20px;
}